<html lang="en">

<body class="">

<!-- 导航 -->
<!-- 公共头部 begine-->
<div th:replace="common/header :: xxxHeader"></div>
<!-- 公共头部 end-->

<!-- 品牌故事 -->
<div class="brand-story-contain">
    <div class="common-container" id="about_Story">
        <div class="common-title">
            <h3 id="story_title">鼎尚会客</h3>
        </div>
        <div class="intro-contain">
            <p id="story_content">邱德光T.K.Chu <br>
                邱德光设计事务所 主持人暨总设计师 <br>
                </p>
        </div>
    </div>
    <div class="story-carousel-contain swiper-container-horizontal swiper-container-autoheight swiper-container-3d swiper-container-coverflow" id="storyCar">
        <div class="swiper-wrapper" id="turnspic" style="height: 300px; transform: translate3d(-1798.67px, 0px, 0px); transition-duration: 0ms;">
        </div>
    </div>


</div>

<!-- 合作伙伴 -->
<div class="coo-company-contain" id="about_cooCompany">

</div>
<!-- 荣誉 -->
<!-- 坐标 -->
<!-- 页脚部分 begin-->
<div th:replace="common/footer :: xxxFooter"></div>
<!-- 页脚部分 end-->

<audio controls="controls" style="display: none;"></audio>

<script>
    var htmlxx = "";
    for(var i=3; i<5; i++){
        htmlxx += '<img class="swiper-slide swiper-no-swiping" src="/img/'+i+'.jpg" alt="1"/>';
    }
    $("#turnspic").html(htmlxx);


</script>
</body>

<style type="text/css">#yddContainer{display:block;font-family:Microsoft YaHei;position:relative;width:100%;height:100%;top:-4px;left:-4px;font-size:12px;border:1px solid}#yddTop{display:block;height:22px}#yddTopBorderlr{display:block;position:static;height:17px;padding:2px 28px;line-height:17px;font-size:12px;color:#5079bb;font-weight:bold;border-style:none solid;border-width:1px}#yddTopBorderlr .ydd-sp{position:absolute;top:2px;height:0;overflow:hidden}.ydd-icon{left:5px;width:17px;padding:0px 0px 0px 0px;padding-top:17px;background-position:-16px -44px}.ydd-close{right:5px;width:16px;padding-top:16px;background-position:left -44px}#yddKeyTitle{float:left;text-decoration:none}#yddMiddle{display:block;margin-bottom:10px}.ydd-tabs{display:block;margin:5px 0;padding:0 5px;height:18px;border-bottom:1px solid}.ydd-tab{display:block;float:left;height:18px;margin:0 5px -1px 0;padding:0 4px;line-height:18px;border:1px solid;border-bottom:none}.ydd-trans-container{display:block;line-height:160%}.ydd-trans-container a{text-decoration:none;}#yddBottom{position:absolute;bottom:0;left:0;width:100%;height:22px;line-height:22px;overflow:hidden;background-position:left -22px}.ydd-padding010{padding:0 10px}#yddWrapper{color:#252525;z-index:10001;background:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ab20.png);}#yddContainer{background:#fff;border-color:#4b7598}#yddTopBorderlr{border-color:#f0f8fc}#yddWrapper .ydd-sp{background-image:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ydd-sprite.png)}#yddWrapper a,#yddWrapper a:hover,#yddWrapper a:visited{color:#50799b}#yddWrapper .ydd-tabs{color:#959595}.ydd-tabs,.ydd-tab{background:#fff;border-color:#d5e7f3}#yddBottom{color:#363636}#yddWrapper{min-width:250px;max-width:400px;}</style>
</html>